<html>
    <head>
        <meta charset="UTF-8">
        <title>WaveDrom Editor</title>
        <link rel="shortcut icon" href="images/favicon.ico"/>
        <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="css/codemirror.css">
        <link rel="stylesheet" href="css/dialog.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="manifest" href="./manifest.json">
        <!-- Expires: 2020-09-29 -->
        <meta http-equiv="origin-trial" content="Am6ESaxxizmFrymZ2dfVBjueIKm0EM8AXy67E5TvX0TdHsAfjD6dVS58HwNdotsiKuI6Z0xzpEd02QFBbLO5HgYAAABqeyJvcmlnaW4iOiJodHRwczovL3dhdmVkcm9tLmNvbTo0NDMiLCJmZWF0dXJlIjoiTmF0aXZlRmlsZVN5c3RlbTIiLCJleHBpcnkiOjE2MDE0MjM5OTksImlzU3ViZG9tYWluIjp0cnVlfQ==">

        <script src="scripts/codemirror-compressed.js"></script>
        <script src="scripts/lodash.min.js"></script>
        <script src="skins/default.js"></script>
        <script src="skins/dark.js"></script>
        <script src="skins/narrow.js"></script>
        <script src="skins/lowkey.js"></script>
        <script src="wavedrom.min.js"></script>
        <script src="editor.js"></script>
    </head>

    <body onload="WaveDrom.editorInit()" onclick="WaveDrom.menuOpen(event)">
        <div id="content">
            <div class="toolbar">
                <img class="button" alt="Memu" id="Menu" title="Menu" src="images/ic_menu.png"/>
            </div>
            <div style="display:none;" class="menu" id="menux">
                <div id="version" align="right">v?.?.?</div>
                <ul>
                    <!--li>New</li>
                    <li>Open...</li>
                    <li>Save</li-->
                    <li onclick="WaveDrom.loadJSON(event)"> <img class="button" src="images/ic_upload_json.png"/> Load... </li>
                    <li onclick="WaveDrom.saveJSON(event)"> <img class="button" src="images/ic_download_json.png"/> Save As... </li>
                    <li onclick="WaveDrom.saveSVG(event)"> <img class="button" src="images/ic_download_svg.png"/> Export SVG... </li>
                    <li onclick="WaveDrom.savePNG(event)"> <img class="button" src="images/ic_download_png.png"/> Export PNG... </li>
                </ul>
                <ul>
                    <li onclick="WaveDrom.editorState({rot:1})"> <img class="button" src="images/ic_rot.png" /> Rotate Layout </li>
                    <li onclick="WaveDrom.editorState({per:1})"> <img class="button" src="images/ic_persent.png" /> Proportions </li>
                    <li onclick="WaveDrom.setFullURL()"> <img class="button" src="images/ic_url.png"/> Expand URL </li>
                    <li onclick="WaveDrom.gotoWaveDromGuide()" id="WaveDromGuide"> <img class="button" src="images/ic_guide.png"/> WaveDrom Guide </li>
                    <li onclick="WaveDrom.gotoWaveDromHome()"  id="WaveDromHome"> <img class="button" src="images/ic_logo.png"/> on GitHub </li>
                    <li style="display:none;">Exit</li>
                </ul>
            </div>
            <input style="display:none;" id="fileDialogLoad" type="file" />
            <input style="display:none;" id="fileDialogSave" type="file" nwsaveas="wavedrom.json" />
            <input style="display:none;" id="fileDialogSVG" type="file" nwsaveas="wavedrom.svg" />
            <input style="display:none;" id="fileDialogPNG" type="file" nwsaveas="wavedrom.png" />
            <div id="SVG"><div id="SVGScroll"><div id="WaveDrom_Display_0"></div></div></div>
            <div id="TXT"><textarea id="InputJSON_0"></textarea></div>
        </div>
        <script src="init.js"></script>
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-21660728-3"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'UA-21660728-3');
        </script>
        <script>
            // define a handler to catch keyboard shortcuts
            document.onkeyup = function(e) {
                // key code 83 = 's'
                if (e.ctrlKey && e.which == 83) {
                    WaveDrom.saveJSON();
                }
                // key code 79 = 'o'
                else if (e.ctrlKey && e.which == 79) {
                    WaveDrom.loadJSON();
                }
            };
        </script>
    </body>
</html>
